import { Component } from 'react';
import { Affix, Layout, Row } from 'antd';


class Home extends Component {
    constructor(props) {
        super(props)
    }
    componentDidMount() {

        const player = TCPlayer('player-container-id', { // player-container-id 为播放器容器 ID，必须与 html 中一致
            fileID: '387702291865632491', // 请传入需要播放的视频 fileID（必须）
            appID: '1259735326', // 请传入点播账号的 appID（必须）
            psign: "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwY2ZnIjoiYmFzaWNEcm1QcmVzZXQiLCJ1cmxBY2Nlc3NJbmZvIjp7InQiOiI2MTllM2YxNSJ9LCJhcHBJZCI6MTI1OTczNTMyNiwiZXhwaXJlVGltZVN0YW1wIjoxNjM3NzYwNzg5LCJjdXJyZW50VGltZVN0YW1wIjoxNjM3Njc0Mzg5LCJmaWxlSWQiOiIzODc3MDIyOTE4NjU2MzI0OTEifQ.X3dy-xtfVhf2zwSkkuXYtZ8BrcKEkem0miUkfx2gJDQ",
            plugins:{
                ContinuePlay: { // 开启续播功能
                //   auto: true, //[可选] 是否在视频播放后自动续播
                  text:'上次播放至 ', //[可选] 提示文案
                  btnText: '恢复播放' //[可选] 按钮文案
                },
              }
        });
    }
    render() {
        return (
            <>
                <Layout className="layout">
                    <video id="player-container-id"  width="800" height="700" preload="auto" playsInline webkit-playsinline="true">
                    </video>
                </Layout>
            </>
        )
    }
}


export default Home;